@import "base.css";

* {padding: 0;margin: 0;font-family: "Microsoft YaHei";list-style: none;text-decoration: none;border: none;}

html {overflow-x: hidden;}
body {background: #fff;color: #333;font-size: 14px;}
a {outline: none;color: #333;}
a:hover {color: #048bcf;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}

.container {width: 1100px;margin: 0 auto;}


.topbar{line-height: 34px;border-bottom: 1px solid #ebebeb;color: #71787e;font-size: 12px;}
.topbar a{color: #71787e;margin: 0 5px;}
.topbar span{float: right}


.logo{width: 398px;float: left}
.toptell{background: url(../images/dh.jpg) no-repeat left center;padding-left: 60px;margin-top: 30px;float: right}
.toptell p{color: rgba(4,0,0,.7);}
.toptell span{display: block;font-size: 24px;color: #040000;}

.nav{line-height: 48px;background: url(../images/nav.jpg) center;}
.nav li{float: left;width: 135px;font-size: 18px;text-align: center;}
.nav a{color: #fff;display: block;background: url(../images/nb.jpg) no-repeat left center;}
.nav li:first-child a{background: 0;}


.slideBox{width: 100%;height: 460px;overflow: hidden;position: relative;}
.slideBox .hd{overflow: hidden;position: absolute;width: 100%;text-align: center;bottom: 20px;z-index: 1;}
.slideBox .hd ul{overflow: hidden;zoom: 1;display: inline-block;}
.slideBox .hd ul li{float: left;margin: 0 7px;width: 16px;height: 16px;background: #fff;cursor: pointer;border-radius: 50%;}
.slideBox .hd ul li.on{background: #2872d8;}

.slideBox .bd{position: relative;height: 100%;z-index: 0;}
.slideBox .bd ul{height: 100%}
.slideBox .bd li{zoom: 1;vertical-align: middle;width: 100%;height:100%;position: relative}
.slideBox .bd li img{height:100%;width: 100%;position:absolute;left:50%;transform:translateX(-50%);object-fit: cover;}

.notice{line-height: 60px;overflow: hidden;}
.noticetit{font-size: 16px;color: #048bcf;font-weight: bold;background: url(../images/bz.jpg) no-repeat left center;padding-left: 40px;float: left}
.txtScroll-top{overflow: hidden;position: relative;float: left}


@media screen and (max-width:640px){
	.container {width:100%}
	.topbar span{display: none}

	.logo{width:90%;margin: auto;float: none}
	.toptell{padding-left: 40px;float: none;margin: 5px auto;width: 145px;background-size: 30px;line-height: 30px;height: 30px;}
	.toptell p{display: none}
	.toptell span{font-size:18px;}


	.nav{line-height: 48px;background: url(../images/nav.jpg) center;}
	.nav li{width:33.3%;font-size: 14px;}

	.slideBox{height:100px;}

	.noticetit{font-size: 14px;}


}


.indextit{text-align: center;padding-top: 40px;}
.indextit p{font-size: 30px;color: #048bcf;}
.indextit span{display: block;color: #4d4948;margin-top: 5px;}

.product{background: #f6f6f6;padding-bottom: 5px;}

.slideTxtBox{margin-top: 25px;}
.slideTxtBox .hd{line-height: 30px;position: relative;text-align: center;}
.slideTxtBox .hd ul{display: inline-block;}
.slideTxtBox .hd ul li{float: left;cursor: pointer;}
.slideTxtBox .hd ul li span{padding: 0 30px;text-align: center;display: inline-block;font-size: 16px;color: #5f6160;}
.slideTxtBox .hd ul li.on span{color: #000;}

.slideTxtBox .bd ul{zoom: 1;margin-top: 13px;}
.slideTxtBox .bd li{float: left;width: 254px;margin: 8px 10px;font-size: 15px;color: #5f6160;text-align: center;}
.slideTxtBox .bd li img{transition: all 0.3s;}
.slideTxtBox .bd li:hover img{opacity: 0.8;}
.slideTxtBox .bd li p{margin-top: 15px;}

.product .more{display: block;margin: 30px auto;width: 140px;}
.product .more span{padding: 0 30px;font-size: 16px;color: #5f6160;}
.product .more:hover{color: #048bcf;}
.product .more:hover span{color: #048bcf;}

.about{background: url(../images/ab.jpg) no-repeat center;}
.about .aboutImg{margin: 10px;display: none}
.abr{width:50%;float: right}
.abtit{color: #616362;padding-top: 110px;font-size: 30px;}
.abtit span{display: block;font-size: 24px;}

.abinfo{margin-top: 40px;font-size: 15px;color: #616161;line-height: 30px;}
.abinfo p{text-indent: 2em;}
.abr a.more{display: block;width: 180px;line-height: 30px;text-align: center;border: 1px solid #606060;color: #575757;margin-top: 50px;}


.case{background: #f6f6f6;padding-bottom: 60px;}
.case ul{margin-top: 40px;}
.case li{background: #fff;width:23%;font-size: 18px;float: left;margin: 20px 1%}
.case li:hover{background: #048bcf;}
.case li a{display: block;color: #000;}

.case li .con{padding: 7px;}
.case li .box{padding:10px;}
.case li p{font-size: 14px;margin-top: 8px;}
.case li p span{font-size: 10px;}
.case li:hover a, .case li:hover p{color: #fff;}
.case a.more{display: block;width: 205px;height: 30px;line-height: 30px;background: url(../images/m.jpg) no-repeat center;text-align: center;margin: 40px auto;}

.news{margin-top: 20px;}
.newtit{background: url(../images/bor.jpg) no-repeat bottom left;height: 45px;font-size: 26px;color: #404040;margin-bottom: 20px;}
.newtit span{float: right;margin-top: 15px;font-size: 14px;}
.newtit a{color: #000;}
.newtit a:hover{color: #048bcf;}

.news .new{width:48%;margin-top: 40px;float: left}
.news .new:nth-last-child(1){float: right}

.news li{height: 35px;line-height: 35px;overflow: hidden;font-size: 15px;}
.news li a{color: #333436;}
.news li a:hover{color: #048bcf;}
.news li span{float: right;color: #7e7e80;}


@media screen and (max-width:640px){
	.indextit{padding-top:20px;}
	.indextit p{font-size:18px;}

	.slideTxtBox .hd ul li span{padding: 0 30px;font-size: 12px;}
	.slideTxtBox .bd li{width:48%;margin: 8px 1%;font-size: 12px;}

	.product .more span{font-size: 12px;}

	.about{background:none;}
    .about .aboutImg{display: block}
	.abr{width:96%;float: none;margin: auto;}
	.abtit{padding-top:20px;font-size:16px;text-align: center}
	.abtit span{font-size:14px;}
	.abinfo{margin-top:10px;font-size: 12px;}
	.abr a.more{margin:10px auto;}

	.case{padding-bottom: 20px;}
	.case ul{margin-top:10px;}
	.case li{width:48%;font-size: 14px;margin:10px 1%}
	.case li .con{padding:0;}
	.case li .box{padding:5px;}
	.case li p{font-size: 12px;margin-top: 8px;}
	.case li p span{font-size: 10px;}
	.case a.more{width:140px;margin:20px auto;}


	.news{margin-top:0}
	.newtit{height:36px;font-size: 16px;margin-bottom:10px;}
	.newtit span{margin-top:5px;font-size: 12px;}
	.news .new{width:98%;float: none;margin:20px auto}
	.news .new:nth-last-child(1){float: none}
	.news li{height: 35px;line-height: 35px;overflow: hidden;font-size: 12px;}




}






.link{margin-top: 40px;line-height: 46px;}
.link span{font-size: 18px;color: #454545;font-weight: bold;background: url(../images/link.jpg) no-repeat left center;padding-left: 70px;height: 46px;line-height: 46px;}
.link a{color: rgba(64,63,63,.9);margin-left: 10px;}


.footer{background: #2b2b2b;margin-top: 20px;color: #fff;padding: 20px 0}
.footer a{color: #fff;}
.fcont{width:680px;float: left;}
.fcont ul{border-bottom: 1px solid #4c4c4c;line-height: 40px;padding-bottom: 12px;margin-top: 25px;}
.fcont li{float: left;font-size: 15px;}
.fcont li a{margin: 0 12px;}
.fcont li:first-child a{margin-left: 0;}

.fcontent{font-size: 15px;line-height: 28px;margin-top: 16px;}
.fcontent .copy{font-size: 14px;color: rgba(255,255,255,.51);margin-top: 5px;}
.fcontent .copy a{color: rgba(255,255,255,.51);}

.ftell{background: url(../images/tell.jpg) no-repeat left center;padding-left: 60px;margin-top: 80px;width: 140px;float: right}
.ftell p{color: rgba(255,255,255,.75);}
.ftell span{font-size: 24px;font-weight: bold;}

.ewm{text-align: center;margin-top: 50px;width: 110px;float: right}
.ewm p{margin-top: 10px;}

.position{line-height: 40px;background: #eee;}

.submenu{float: right}
.submenu a{display: inline-block;padding: 0 20px;margin: 0 10px;}
.submenu a:hover{color: #048bcf;}
.submenu a.hover{background: #048bcf;color: #fff;}

.pagetop{text-align: center;margin-top: 40px;margin-bottom: 10px;font-size: 20px;color: #000;font-weight: bold;}
.main{padding-bottom: 30px;}
.content{line-height:2;}


.list{margin-top: 30px;}
.list li{font-size: 12px;color: #5A5A5A;border-bottom: 1px dashed #ccc;margin-top: 20px;padding-bottom: 7px;}
.list li a{display:block;font-size: 13px;color: #5a5a5a;font-weight: bold;}
.list li a:hover{color: #048bcf;}
.list li span{display: block;font-size: 11px;color: #929292;line-height: 25px;}


.photo{margin-top: 20px;}
.photo li{line-height: 30px;float: left;text-align: center;margin:10px 1%;width: 23%;}
.photo li p{height: 30px;overflow: hidden;}
.photo li img{transition: all 0.3s;}
.photo li:hover img{opacity: 0.8;}

@media screen and (max-width:640px){
	.link{margin-top:20px;}
	.link span{font-size: 16px;padding-left: 70px;height: 46px;line-height: 46px;}


	.footer{margin-top: 20px;color: #fff;padding: 20px 0 50px}

	.fcont{width:96%;float: none;margin:0 auto 15px;}
	.fcont ul{line-height:36px;margin-top:0;}
	.fcont li{font-size: 12px;}
	.fcont li a{margin: 0 5px;}

	.fcontent{font-size: 12px;}
	.fcontent .copy{font-size: 12px;}

	.ftell{width: 140px;float: none;margin:10px auto}

	.ewm{width: 110px;float: none;margin: auto}



	.submenu{float:none;width: 100%;text-align: center}
	.submenu a{padding: 0 10px;margin: 0 5px;}

	.pagetop{margin-top:20px;font-size:16px;}


	.photo li{width:48%;}

}


.pages{margin: 50px auto 20px auto;font-size: 14px;text-align: center;}
.pages a{display: inline-block;line-height: 28px;padding: 0 10px;border: 1px solid #d9d9d9;background-color: #ffffff;text-decoration: none;color: #666;font-family: Simsun;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;margin-right: 3px;}
.pages .active{display: inline-block;line-height: 28px;padding: 0 10px;border: 1px solid #d9d9d9;background-color: #ffffff;text-decoration: none;font-family: Simsun;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;margin-right: 3px;color: #fff;background-color: #048bcf;border-color: #fff;}
.pages a:hover{color: #fff !important;background-color: #048bcf;border-color: #fff;text-decoration: none;}





.showtop{text-align: center;border-bottom: 1px dotted #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.showtop .title{font-size: 16px;color: #000;font-weight: bold;margin-top: 30px;}
.showtop .update{margin-top: 10px;font-size: 12px;color: #999;}

.prepage{margin-top: 40px;line-height: 30px;font-size: 12px;margin-bottom: 20px;}

.hotcp_top{background: #0069b7;color: #fff;font-weight: bold;line-height: 40px;margin-bottom: 10px;text-align: center;width: 100px;}
.hotcp ul{border-top: 1px dashed #ddd;padding-top: 20px;}
.hotcp li{float: left;line-height: 40px;margin:10px 1%;text-align: center;width:23%;}


.hotnews{margin: 20px 0;}
.hotnews_top{border-bottom: 1px solid #ddd;color: #0069b7;font-size: 14px;line-height: 30px;margin-bottom: 10px;}
.hotnews li{border-bottom: 1px dotted #ddd;float: left;line-height: 36px;width:46%;margin: 5px 2%}
.hotnews li a{color: #2e2e2e;}
.hotnews li span{color: #999;float: right;font-size: 13px;}


@media screen and (max-width:640px){


	.hotcp ul{padding-top:10px;}
	.hotcp li{text-align: center;width:48%;}

	.hotnews li{width:96%;}
	.hotnews li a{color: #2e2e2e;}
	.hotnews li span{font-size: 12px;}

}